@import './variables.scss';
// cover some element-ui styles
.el-breadcrumb__inner,
.el-breadcrumb__inner a {
    font-weight: 400 !important;
}

.el-upload {
    input[type='file'] {
        display: none !important;
    }
}

.el-upload__input {
    display: none;
}

.el-dialog {
    transform: none;
    left: 0;
    position: relative;
    margin: 0 auto;
    position: relative;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 600px;
    // max-width: 100%;
    overflow: hidden;
    &__header {
        border-bottom: 1px solid #e9e9e9;
        padding: 15px;
    }
    &__headerbtn {
        .el-dialog__close {
            color: #3c4a58e0;
            font-weight: bold;
            &:hover,
            &:active {
                color: $btn-main-color;
            }
        }
    }
    &__title {
        color: #3c4a58e0;
        font-size: 16px;
        // font-weight: bold;
    }
    &__body {
        .el-form {
            &.el-form-item__label {
                color: #606266;
            }
            // & .el-form-item:last-child {
            //     margin-bottom: 0;
            // }
        }
        overflow: auto;
        max-height: 600px;
        padding: 18px 30px;
    }
    &__footer {
        border-top: 1px solid #e9e9e9;
        padding: 15px;
    }
}

@media screen and (max-width: 400px) {
    .el-dialog {
        width: 100% !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        height: 100% !important;
        overflow: hidden;
        position: relative;
        &__body {
            overflow: auto;
            height: 100% !important;
            bottom: 0;
            padding-bottom: 65px;
        }
        &__footer {
            position: absolute;
            bottom: 0;
            right: 0;
            left: 0;
            background-color: #fff;
            display: block;
        }
    }
}

// refine element ui upload
.upload-container {
    .el-upload {
        width: 100%;
        .el-upload-dragger {
            width: 100%;
            height: 200px;
        }
    }
}

// dropdown
.el-dropdown-menu {
    a {
        display: block;
    }
}

// .el-dialog {
//     position: relative;
//     // margin: 0 auto 50px;
//     // background: #4c6788;
//     // border-radius: 10px;
//     -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
//     box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
//     -webkit-box-sizing: border-box;
//     box-sizing: border-box;
//     width: 600px;
//     .el-dialog__header {
//         .el-dialog__title {
//             color: #212b36;
//             font-size: 22px;
//         }
//     }
//     .el-dialog__body {
//         // text-align: center;
//         padding-top: 0;
//         .el-form {
//             &.el-form-item__label {
//                 color: #606266;
//             }
//         }
//     }
// }
//表格样式重写
.el-table {
    color: $btn-text-main-color;
    // margin-top: 20px;
    border-radius: 5px;
    font-size: 12px;
    td,
    th {
        padding: 0px;
        border-right: 1px solid #bebebe38 !important;
    }
    th {
        background-color: rgba(231, 231, 231, 0.671) !important;
        color: rgb(102, 101, 101) !important;
        font-size: 14px;
    }
    td>.cell,
    th>.cell {
        padding: 0 10px;
    }
    .el-table__row {
        td {
            background-color: #fff !important;
        }
        &.hover-row {
            cursor: pointer;
            td {
                background-color: rgba(233, 233, 233, 0.616) !important;
            }
        }
    }
    .el-table__row--striped {
        td {
            background-color: rgba(243, 243, 243, 0.459) !important;
        }
    }
}

//分页样式重写
.el-pagination {
    .pagination__total,
    .pagination__jump {
        color: $btn-text-main-color;
    }
    .el-select .el-input .el-input__inner:hover {
        border-color: $btn-main-color;
    }
    &.is-background {
        .btn-next,
        .btn-prev {
            border: 1px solid #c6cbd4;
            border-radius: 4px;
            background-color: #fff;
            color: $btn-text-main-color;
            font-size: 14px;
            font-weight: 400;
            &:hover {
                background: $btn-main-color;
                border: none;
                color: #ffffff;
            }
            &:disabled:hover {
                background-color: #fff;
                color: #c0c4cc;
                border: 1px solid #c6cbd4;
            }
        }
        .el-pager {
            li {
                min-width: 30px;
                color: $btn-text-main-color;
                font-size: 14px;
                font-weight: 400;
                height: 28px;
                border: 1px solid #c6cbd4;
                border-radius: 4px;
                background-color: #fff;
                box-sizing: border-box;
                &:not(.disabled).active,
                &:not(.disabled):hover {
                    background: $btn-main-color;
                    color: #ffffff;
                    border: 0;
                }
            }
        }
    }
}

// 复选框样式重写
.el-checkbox,
.el-checkbox.is-checked,
.el-checkbox__input.is-indeterminate {
    .el-checkbox__label {
        color: #212b36;
    }
    .el-checkbox__input.is-checked .el-checkbox__inner {
        background-color: #fff;
        &:hover {
            border: 1px solid #007aeb;
        }
    }
}

.el-checkbox__inner {
    width: 16px;
    height: 16px;
    border-radius: 4px;
    box-sizing: border-box;
    border: 1px solid #c4cdd5;
    &::after {
        border-color: #007aeb;
        border-width: 3px;
        top: 1px;
        left: 4px;
    }
    &:hover {
        border: 2px solid #007aeb;
    }
}

.el-checkbox__input.is-indeterminate .el-checkbox__inner {
    width: 16px;
    height: 16px;
    border-radius: 4px;
    box-sizing: border-box;
    border: 1px solid #007aeb;
    background-color: #fff;
    &::before {
        background-color: #007aeb;
        border-width: 3px;
        height: 4px;
    }
    // &:hover {
    //     border: 0px solid transparent;
    // }
}

// 按钮重写
.el-button {
    &:not(.el-button--text) {
        // min-width: 50px;
        // height: 36px;
        &--mini {
            min-width: 50px;
            height: 28px;
        }
        &--small {
            min-width: 50px;
            height: 30px;
        }
        &--medium {
            min-width: 90px;
            height: 44px;
        }
    }
    &--primary,
    &--success,
    &--warning,
    &--error,
    &--danger,
    &--default {
        padding: 9px 15px;
        font-size: 14px;
    }
    &--primary {
        background-color: $btn-main-color;
        border: $btn-main-color;
        color: #fff;
        &:focus {
            background-color: $btn-main-color;
            border: $btn-main-color;
        }
        &:hover {
            background-color: $btn-hover-color;
            border: $btn-hover-color;
        }
        &:active {
            background-color: $btn-active-color;
            border: $btn-active-color;
        }
        &.is-plain {
            color: $btn-main-color;
            &:hover {
                background-color: $btn-hover-color;
            }
        }
        &.is-disabled {
            background-color: $btn-disabled-color;
            border: $btn-disabled-color;
        }
    }
    &--text {
        color: $btn-main-color;
        border: $btn-main-color;
        font-size: 14px;
        &:hover,
        &:focus {
            color: #084e8a;
        }
    }
}

.el-input-group__append {
    .el-button {
        background-color: $btn-active-color !important;
        border: $btn-active-color !important;
        color: #fff !important;
        &:hover {
            background-color: $btn-hover-color !important;
            border: $btn-hover-color !important;
        }
    }
}

.el-input {
    &--small {
        height: 32px;
    }
    &__suffix {
        height: 32px;
    }
}

//输入框重写
.el-input__inner {
    height: 36px;
}

.el-range-editor.el-input__inner {
    // padding: 0px 10px;
}

.el-range-editor.is-active,
.el-range-editor.is-active:hover {
    border-color: $btn-hover-color;
}

// ********* 消息提示相关重置 *********
.el-message {
    border-radius: 4px;
    width: 400px;
    height: 48px;
    line-height: 48px;
    top: 70px;
    .el-message__closeBtn {
        font-size: 17px;
        color: #ffffff;
        &:hover {
            color: #ffffff;
        }
    }
}

.el-form--inline {
    .el-form-item {
        vertical-align: middle;
        margin-bottom: 10px;
    }
}

.app-breadcrumb {
    .el-breadcrumb__separator {
        color: #fafafad8;
    }
}


/*确认弹窗调整*/

.el-message-box {
    width: 100%;
    max-width: 420px;
}

.el-date-picker {
    .el-date-table td.current:not(.disabled) span {
        background-color: $btn-main-color;
    }
}

.el-date-range-picker {
    .el-date-table td.end-date span,
    .el-date-table td.start-date span {
        background-color: $btn-main-color;
    }
    .el-date-table td.in-range div {
        background-color: rgb(222, 243, 248);
    }
}

.el-tag {
    .el-select__tags-text {
        display: inline-block;
        max-width: 120px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        color: #606266;
    }
}

// 下拉框样式修改
.el-select {
    .el-tag__close.el-icon-close {
        top: -5px !important;
        color: #606266;
    }
}

.el-select-dropdown {
    .el-select-dropdown__wrap {
        max-height: 440px;
    }
    .el-select-dropdown__item {
        width: 260px;
        padding: 0 10px;
        text-overflow: clip !important;
    }
}

.ckt-message-success {
    background: $Msg-success;
    border-color: $Msg-success;
    color: #fff;
    &-icon {
        display: inline-block;
        width: 20px;
        height: 20px;
        background: url(~@/assets/message-success.png) no-repeat;
        background-size: contain;
        text-align: center;
        margin-right: 5px;
    }
}

.ckt-message-warning {
    background-color: $Msg-warning;
    border-color: $Msg-warning;
    color: #fff;
    &-icon {
        display: inline-block;
        width: 20px;
        height: 20px;
        background: url(~@/assets/message-warning.png) no-repeat;
        background-size: contain;
        margin-right: 5px;
    }
}

.ckt-message-error {
    background: $Msg-error;
    border-color: $Msg-error;
    color: #fff;
    &-icon {
        display: inline-block;
        width: 20px;
        height: 20px;
        background: url(~@/assets/message-error.png) no-repeat;
        background-size: contain;
        margin-right: 5px;
    }
}

.ckt-message-info {
    background: $Msg-info;
    border-color: $Msg-info;
    color: #fff;
    &-icon {
        display: inline-block;
        width: 20px;
        height: 20px;
        background: url(~@/assets/message-info.png) no-repeat;
        background-size: contain;
        margin-right: 5px;
    }
}

.el-message__icon::before {
    content: '';
}

.el-dropdown-menu__item:focus,
.el-dropdown-menu__item:not(.is-disabled):hover {
    background-color: #ecf5ff;
    color: $btn-active-color !important;
}